@media screen and (min-width: 300px) {
/* Header and logo */

	#SelfToolbar .navbar-header, #toolbar .navbar-header {
	
		margin-left:5px;
		
}

p.portalname {
	
	display: none;
	
}

/* Register and login link */

	.nav>li {
		text-align: center;
	}
	
	#SelfToolbar .login-link, #toolbar .login-link, #SelfToolbar .login-link:hover, #toolbar .login-link:hover {
		
		float: right;
		margin-top: 40px;
		margin-right: 10px;
		width: 113px;
		
	}

/* Content and icons */

h1.portaltitle {
	display: block;

}
	
	#self-content {
			width: 400px;
	}
	
/* Footer */	

	div#footer .container 
{
  background: none;
  padding: 10px 0 10px 0;
  font-family: Bitter,serif;
}
	
	div#footer .container div#links ul li:not(:last-child) {
  margin-right: 20px !important;
	}
	
	div#footer .container div#links {
  float: left;
  margin-left: -26px;
	}
	
	div#footer .container {
  width: 420px;
  
}
}

@media screen and (min-width: 768px) {
	
/* Header and logo */

#SelfToolbar .navbar-header, #toolbar .navbar-header {
	
		margin-left: 30px;
		
}

p.portalname {
	
	left: 40%;
	display: block;
}

/* login and register buttons */

.navbar-nav {
		margin-top: 40px;
	
	}
	
	#SelfToolbar .login-link, #toolbar .login-link, #SelfToolbar .login-link:hover, #toolbar .login-link:hover {
		
		margin-top: 0px;
		
	}
	
/* Content */

h1.portaltitle {
	display: none;

}
	
	#self-content {
			width: 768px;
	}
	
/* Footer */	
	div#footer .container {
		
  background: none;
  padding: 2px 0 2px 0;
  font-family: Bitter,serif;
  
}
	
	div#footer .container div#links ul li:not(:last-child) {
  margin-right: 60px !important;
  
	}
	
	div#footer .container div#links {
  float: left;
  margin-left: -46px;
	}
	
	
}

@media (min-width: 992px) {

/* Header and logo */	

	#SelfToolbar .navbar-header, #toolbar .navbar-header {
	
		margin-left: 90px;
	
	}
	
	p.portalname {
		
		left: 40%;
		display: block;
}

/* login and register buttons */

	.navbar-nav {
		margin-top: 40px;
	
	}

#SelfToolbar .login-link, #toolbar .login-link, #SelfToolbar .login-link:hover, #toolbar .login-link:hover {
		
		margin-top: 0px;
		
	}
/* Content and icons */

h1.portaltitle {
	display: none;

}

	#self-content {
			width:1000px;
	}
	
	.depticon {
		
		width: 200px;
		margin-left: 13%;
		
	}
	
	.depticon2 {
		width: 200px;
		margin-left: 23%;
		
	}
	
	.Department {
		width: 800px;
		
	}
	
	.icons {
		float: left;
		width: 300px;
		margin-bottom: 30px;
		margin-right: 100px;
	
	}
	
	.icons2 {
		float: left;
		width: 370px;
		margin-right: 20px;
	
	}
	
	div#formlinks {
		border: 1px solid #1a7c97;
		padding: 5px;
		height: 50px;
		background-color: white;
		color: black;
	
	}
	
	div#formlinksorange {
		border: 1px solid #df7a0c;
		padding: 5px;
		height: 50px;
		background-color: white;
		color: black;
	
	}
	
	div#formlinksgreen {
		border: 1px solid #007d39;
		padding: 5px;
		height: 50px;
		background-color: white;
		color: black;
	
	}
	
	div#formlinkspink {
		border: 1px solid #8a2e6f;
		padding: 5px;
		height: 50px;
		background-color: white;
		color: black;
	
	}
	
	a#formlink {
		
		color: black;
	
	}
	
	.Help {
		
		float: right;
		width: 430px;
		margin-right: -430px;
		
	}
	
	.Hint {
		
		border: solid 2px black;
		border-radius: 25px;
		padding: 10px;
		background-color: #64aebb;
		color: white;
		margin-bottom: 30px;
	
	}
	
/* Footer */

	div#footer .container {
  background: none;
  padding: 2px 0 2px 0;
  font-family: Bitter,serif;
  
}
	
	div#footer .container div#links ul li:not(:last-child) {
  margin-right: 100px !important;
  
	}
	
	div#footer .container div#links {
  float: left;
  margin-left: -200px;
  
	}
	
}

@media (min-width: 1200px) {
	
/* Header and logo */	

	#SelfToolbar .navbar-header, #toolbar .navbar-header {
	
		margin-left: 90px;
		
	}
	
	p.portalname {
		
		left: 40%;
		display: block;
}

/* login and register buttons */

	.navbar-nav {
		
		margin-top: 40px;
	
	}

	#SelfToolbar .login-link, #toolbar .login-link, #SelfToolbar .login-link:hover, #toolbar .login-link:hover {
		
		margin-top: 0px;
		
	}

/* Content and icons */

	h1.portaltitle {
	display: none;

}

	#self-content {
			width:1170px;
	}
	
	.depticon {
		
		width: 200px;
		margin-left: 13%;
		
	}
	
	.depticon2 {
		width: 200px;
		margin-left: 23%;
		
	}
	
	.Department {
		width: 800px;
		
	}
	
	.icons {
		float: left;
		width: 300px;
		margin-bottom: 30px;
		margin-right: 100px;
	
	}
	
	.icons2 {
		float: left;
		width: 370px;
		margin-right: 20px;
	
	}
	
	div#formlinks {
		border: 1px solid #1a7c97;
		padding: 5px;
		height: 50px;
		background-color: white;
		color: black;
	
	}
	
	div#formlinksorange {
		border: 1px solid #df7a0c;
		padding: 5px;
		height: 50px;
		background-color: white;
		color: black;
	
	}
	
	div#formlinksgreen {
		border: 1px solid #007d39;
		padding: 5px;
		height: 50px;
		background-color: white;
		color: black;
	
	}
	
	div#formlinkspink {
		border: 1px solid #8a2e6f;
		padding: 5px;
		height: 50px;
		background-color: white;
		color: black;
	
	}
	
	a#formlink {
		
		color: black;
	
	}
	
	.Help {
		
		float: right;
		width: 430px;
		margin-right: -430px;
		
	}
	
	.Hint {
		
		border: solid 2px black;
		border-radius: 25px;
		padding: 10px;
		background-color: #64aebb;
		color: white;
		margin-bottom: 30px;
	
	}
	
/* Footer */

	div#footer .container {
  background: none;
  padding: 2px 0 2px 0;
  font-family: Bitter,serif;
  
}
	
	div#footer .container div#links ul li:not(:last-child) {
  margin-right: 100px !important;
  
	}
	
	div#footer .container div#links {
  float: left;
  margin-left: -200px;
  
	}
	
}